<!DOCTYPE html>
<html>

<head>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>直播播放</title>
	<link rel="stylesheet" type="text/css" href="/static/index/css/style.css"/>
<body>
	<div id="top">
		<ul>
			<li class="back"><a href="{:url('index/index')}"><</a></li>
			<li class="top_logo">uRRa</li>
			<li class="index"><a href="#">首页</a></li>
		</ul>
	</div>
	<div id="player"></div>
	<div id="content">
		<div id="left_chat">
			<div id="addchat">
				<span><p>热血青年</p> 加入直播间</span>
			</div>
			<div id="chatlist">
				<span>爱飞的鸟：</span>
				<p>这么厉害吗？？嗷嗷？</p>
			</div>
			<div id="chatlist">
				<span> 看我干嘛：</span>
				<p>就是这么厉害</p>
			</div>
			<div id="chatlist">
				<span>小飞侠：</span>
				<p>直播结束了吗</p>
			</div>
			<div id="addchat">
				<span><p>我罗牛逼</p> 加入直播间</span>
			</div>
			<div id="addchat">
				<span><p>来了啊梅西</p> 加入直播间</span>
			</div>
		</div>
	</div>
	<div id="chat">
		<input class="chat_input" />
		<button class="chat_btn">发送</button>
	</div>
<!-- 	<div id="foot">
		<ul>
			<li class="left_btn"><a href="#">首页</a></li>
			<li class="center_btn"><a href="#">列表</a></li>
			<li class="right_btn"><a href="#">我的</a></li>
		</ul>
	</div> -->
	
	<script src="http://cdn.jsdelivr.net/npm/xgplayer/browser/index.js" charset="utf-8"></script>
	<script src="http://cdn.jsdelivr.net/npm/xgplayer-flv.js/browser/index.js" charset="utf-8"></script>
	<script type="text/javascript">
	    new window.FlvJsPlayer({
	        id: 'player',
	        isLive: true,
	        playsinline: true,
	        url: 'https://pull.liaogq.cn/live/stream29570.flv',
	        autoplay: true,
	        height: 210,
	        width: window.innerWidth
	    });
	</script>
</body>

</html>